<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的</title>
	</head>
	<body id="mine">
		<main>
			<!-- 用户信息 -->
			<section id="main1">
				<div id="myname">
					<!-- 头像 -->
					<img src="../../assets/images/dc.jpg" id="avator">
					<i class="iconfont icon-vip"></i>
					<!-- 昵称 -->
					<p id="username">orange</p>
					<a href="mine_modify.html" id="modifyBtn">></a>
				</div>
				<p>个性签名: <span id="signture">自律才能自由</span> </p>
			</section>
			<!-- 运动数据 -->
			<section id="main2">
				<i class="iconfont icon-shujucanmou"></i> <strong>我的运动数据</strong>
				<p> <i class="iconfont icon-xiangyou1"></i></p>
				<div id="sport">
					<!-- 总运动 -->
					<div id="time">
						<div>总运动</div>

						<h1>99999</h1>
						<span>分钟</span>
					</div>
					<!-- 本周消耗 -->
					<div id="calorie">
						<div>本周消耗</div>
						<h1>99999</h1>
						<span>千卡</span>		
				</div>
			</section>
			<!-- 运动徽章 -->
			<section id="main3">
				<i class="iconfont icon-huizhang"></i><strong>我的运动徽章</strong>
				<p> <i class="iconfont icon-xiangyou1 btn2"></i></p>
				<div id="badges">
					<div>
						<img src="../../assets/images/mybadge01.jpg" alt="">
					</div>
					<div>
						<img src="../../assets/images/mybadge03.jpg" alt="">
					</div>
					<div>
						<img src="../../assets/images/mybadge05.jpg" alt="">
					</div>

				</div>
			</section>
			<!-- 退出登录 -->
			<section id="main4">
				<button type="button" id="exitLogin">退出登录</button>
			</section>
		</main>
		<!-- 底部导航 -->
		<nav id="tabbar"></nav>
	</body>
</html>
